<template>
  <div class="body">
    <TopHeader></TopHeader>
    <TopNav></TopNav>
    <TopSlider></TopSlider>
    <!-- 在页面导航之间显示一个进度条 -->
    <NuxtLoadingIndicator />
    <NuxtPage style="margin-top: 1.714em" />
    <Footer></Footer>
    <TopSidebar></TopSidebar>
  </div>
</template>
<script setup lang="ts">
const site_config = useSiteConfigStore();
const { data: data_site_config } = await useAsyncData('init_site_config', () => site_config.set_config(), { server: true });
</script>
<style scoped>
.body {
  background-color: #f5f5f5;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
}
.page-enter-active,
.page-leave-active {
  transition: all 0.4s;
}
.page-enter-from,
.page-leave-to {
  opacity: 0;
  filter: blur(1rem);
}
</style>
